.g-register{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: url("../images/background.png") no-repeat;
  background-size: cover;
  form {
    width: 80%;
    .item {
      &+.item{
        margin-top: 5px;
      }
      .c-icon,input{
        .h(40);
        .lh(38);
        vertical-align: middle;
      }
      .c-icon{
        width: 20%;
        background-color: @opacityBlack-5;
      }
      input{
        width: 80%;
        color: @ftColorwhite;
        .fs(18);
        background-color: @opacityBlack-3;
        border-left: 1px solid @opacityBlack-3;
        text-indent: 1em;
        &::-webkit-input-placeholder{
          color: @ftColorwhite;
        }
      }
      &.identify {
        .c-icon {
          &.disable {
            color: @searchFsColor;
            border: 1px solid @searchFsColor;
            background-color: @placeholderFsColor;
          }
          width: 30%;
          color: @headBgGreen;
          text-align: center;
          border: 1px solid @headBgGreen;
          background-color: @opacityGreen-5;
        }
        input{
          width: 65%;
          border-left: none;
        }
      }

    }
    .form-btnBox{
      .mt(30);
      .btn {
        width: 100%;
        .h(40);
        .lh(38);
        .fs(18);
        &+.btn{
          margin-top: 10px;
        }
        &.loginBtn{
          color: @ftColorwhite;
          background-color: @headBgGreen;
        }
        &.registerBtn{
          color: @headBgGreen;
          border: 1px solid @headBgGreen;
          background-color: @opacityGreen-5;
        }
      }
    }
  }
}